<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>确认订单 - 聚美优品</title>
  <link rel="shortcut icon" href="./image/favicon.ico" type="image/x-icon">
  <link rel="stylesheet" href="./css/order.css">
  <link rel="stylesheet" href="./css/reset.css">
</head>

<body>
  <!-- 顶部部分 -->
  <div class="order-top">
    <div class="common">
      <div class="order-top-right">
        欢迎您,
        <a href="#" class="name">梓鑫&nbsp;&nbsp;</a>
        <a href="#">[退出]</a>
        <i>|</i>
        <a href="#">订单查询</a>

      </div>

    </div>
  </div>

  <!-- logo部分 -->
  <div class="logo">
    <div class="common">
      <!-- logo-pic -->
      <a href="#">
        <img src="./image/cart_logo.jpg" alt="">
      </a>
      <!-- 物流进程 -->
      <div class="logistics">

      </div>
    </div>
  </div>

  <!-- content部分 -->
  <div class="content">
    <div class="common">
      <!-- 地址选择 -->
      <div class="content-one">
        <h2>1&nbsp;地址选择</h2>
        <span class="address">
          +使用新地址

        </span>
      </div>

      <!-- 实名认证 -->
      <div class="content-two">
        <h2>2&nbsp;实名认证</h2>
        <span>应海关要求，购买跨境商品需提供与支付账号（微信/支付宝）相一致的实名信息（将加密处理）</span>
        <button class="btn">添加</button>
      </div>

      <!--  商品清单 -->
      <div class="content-three">
        <h2>3&nbsp;商品清单</h2>
        <a href="./Shopping-Cart.html" class="back-car">返回修改购物车</a>
        <!-- 具体东西 -->
        <div class="content-three-box">
          <!-- 顶部 -->
          <div class="content-three-box-top">
            <!-- 顶部的左边部分 -->
            <h1 class="content-three-box-top-fl">聚美优品发货</h1>
            <!-- 顶部的右边部分 -->
            <div class="content-three-box-top-fr">
              <ul>
                <li>数量</li>
                <li>单价</li>
                <li>小计</li>
              </ul>
            </div>
          </div>
          <!--中间部分 -->
          <div class="content-three-box-center">
            <!-- 左边部分 -->
            <div class="wrapper-center-left-text">
              <img src="./image/wrapper-center-left-small.jpg" alt="">
              <span> <s>[极速免税]</s> <a href="#">意大利•阿玛尼（Armani）明星唇部彩妆经典...</a> </span>
              <br>
              <b> 型号：502+504 &nbsp;容量：3.8g+6.5ml</b>
            </div>
            <!-- 右边部分 -->
            <div class="content-three-box-top-fr">
              <ul>
                <li>1</li>
                <li>¥480.00</li>
                <li>¥480.00</li>
              </ul>
            </div>
          </div>
          <!-- 配送方式 -->
          <div class="content-mode">
            <div class="content-mode-left">
              配送方式 <span>（享新用户满39元包邮，已减免¥5）</span>:
              <select name="" id="">
                <option value="">快递(5元，系统自动判断</option>
              </select>
            </div>
            <s>¥0.00</s>
          </div>
          <!-- 使用现金券和红包 -->
          <div class="content-end">
            <span>+</span>
            <a href="#">使用现金券和红包</a>
          </div>
        </div>
      </div>

      <!-- 确认交易 -->
      <div class="content-prise">
        <div class="prise-one">
          <div class="prise-one-left">
            <input type="checkbox" name="" id="btn">
            <span>索要发票 <i></i> </span>
          </div>

          <div class="prise-one-right">
            <span>共<s>1</s>件商品,总商品金额： </span>
            <span>¥480.00</span>
          </div>
        </div>
        <div class="prise-two">
          <div class="prise-two-left">
            <span>备注: </span>
          </div>

          <div class="prise-two-right">
            <span>总运费: </span>
            <span>¥0.00</span>
          </div>
        </div>
        <div class="prise-one prise-three">
          <div class="prise-one-left">
          交易单
          <span>如下商品</span>
          暂不支持开具发票。
          </div>

          <div class="prise-one-right">
            <span>应付总额:</span>
            <span>¥480.00</span>
          </div>
        </div>
        <div class="prise-four">
           <a href="#" class="car">返回修改购物车</a>
           <div class="prise-four-right">
              应付金额: <span>¥480.00</span>
              <a href="">确认交易</a>
           </div>
        </div>
      </div>
    </div>
  </div>


  <!-- 底部 -->
  <div class="footer">
    <div class="common">
      <!-- footer-底部 -->
      <div class="footer-bottom">
        <div class="common">
          <p>

            © 2010-2018 北京创锐文化传媒有限公司 JUMEI.COM 保留一切权利。
            客服热线：400-123-8888
          </p>
          <p>
            <span>京公网安备 11010102001226 | </span>
            <a href="">京ICP证111033号|</a>
            <a href="">食品经营许可证|</a>
            <a href="">营业执照|</a>
            <a href="">ICP许可证|</a>
            <a href="">出版物经营许可证</a>
          </p>
          <p>
            <a href=""></a>
            <a href=""></a>
            <a href=""></a>
            <a href=""></a>
            <a href=""></a>
            <a href="">
              <img src="./image/footer-bottom.jpg" alt="">
            </a>
          </p>
        </div>
      </div>
    </div>
  </div>
</body>

</html>